<template>
  <div class="split">
    <dl>
      <dt><img src="../../../static/img/icon1.png"></dt>
      <dd><a href="###">主会场</a></dd>
    </dl>
    <dl>
      <dt><img src="../../../static/img/icon2.png"></dt>
      <dd><a href="###">瓜分千万</a></dd>
    </dl>
    <dl>
      <dt><img src="../../../static/img/icon3.png"></dt>
      <dd><a href="###">女装会场</a></dd>
    </dl>
    <dl>
      <dt><img src="../../../static/img/icon4.png"></dt>
      <dd><a href="###">我的双11</a></dd>
    </dl>
  </div>
</template>
<script type="text/ecmascript-6">

    export default {
        components: {
        }
    }

</script>
<style scoped>
  .split{
    display:flex;
    justify-content: space-between;
    background:url("../../../static/img/bg1.png") no-repeat;
    width:100%;
    height:1.2rem;
    background-size:cover;
  }
  .split dl{
    width:25%;
    padding-top:0.1rem;
  }
  .split dt{
    width:0.72rem;
    height:0.7rem;
    margin:0 auto;
  }
  .split dt img{
    width:100%;
    height:100%;
    display:block;
  }
  .split dd{
    font-size:14px;
    text-align: center;
    margin-top:0.1rem;
  }
  .split dd a{
    color:#ff3063;
  }
</style>
